<%-- 
    Document   : index
    Created on : Oct 29, 2012, 10:09:23 AM
    Author     : Thinh Hung
--%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@ taglib uri="http://jakarta.apache.org/struts/tags-bean" prefix="bean" %>
<%@ taglib uri="http://jakarta.apache.org/struts/tags-html" prefix="html" %>
<%@ taglib uri="http://jakarta.apache.org/struts/tags-logic" prefix="logic" %>
<%@ taglib uri="http://jakarta.apache.org/struts/tags-tiles" prefix="tiles" %>
<!DOCTYPE html>
<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!-->
<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
<head>
        <html:base/>
	<!-- Basic Page Needs
  ================================================== -->
	<meta charset="utf-8">
	<title>NTB &#9679; Stamp Duty and Registration</title>
	<meta name="description" content="">
	<meta name="author" content="">

	<!-- Mobile Specific Metas
  ================================================== -->
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

	<!-- CSS
  ================================================== -->
  	<link href='fonts/oswald/stylesheet.css' rel='stylesheet' type='text/css'>
  	<link href='fonts/source/stylesheet.css' rel='stylesheet' type='text/css'>
	<link rel="stylesheet" href="stylesheets/base.css">
	<link rel="stylesheet" href="stylesheets/skeleton.css">
	<link rel="stylesheet" href="stylesheets/prettyPhoto.css">
	<link rel="stylesheet" href="stylesheets/layout.css">
	

	<!--[if lt IE 9]>
		<script src="javascripts/html5.js"></script>
	<![endif]-->

	<!-- Favicons
	================================================== -->
	<link rel="shortcut icon" href="favicon.ico">

</head>
<body>

	<!-- Primary Page Layout
	================================================== -->
	
	
	<div id="intro">
	
		<div class="bg1"></div>
		
		<div class="title">
			<div class="intro-line"></div>
			<h1>Hello</h1>
			<h1 class="small">Welcome to NTB</h1>
			<div class="intro-line"></div>

            <p>After building over 20,000 homes worldwide, <br/> NTB has built a reputation as the new home builder you can totally trust.</p>
            <p>We look forward to meeting with you personally and helping to make your experience of building your new home <br/>as simple as possible - and becoming good friends along the way.</p>
			<div class="social-intro">
				<ul>
					<li><a href="#"><img src="images/icn-twitter-intro.png" alt="" /></a></li>
					<li><a href="#"><img src="images/icn-facebook-intro.png" alt="" /></a></li>
					<li><a href="#"><img src="images/icn-gplus-intro.png" alt="" /></a></li>
					<li><a href="#"><img src="images/icn-linkedin-intro.png" alt="" /></a></li>
					<li><a href="#"><img src="images/icn-dribbble-intro.png" alt="" /></a></li>
					<li><a href="#"><img src="images/icn-vimeo-intro.png" alt="" /></a></li>
					<li><a href="#"><img src="images/icn-pinterest-intro.png" alt="" /></a></li>
				</ul>
			</div>
		</div> <!-- end title -->
	</div> <!-- end intro -->
	
	
	<nav>
		<ul>
			<li><a href="#intro">Top</a></li>
			<li><a href="#work">Work</a></li>
			<li><a href="#about">About</a></li>
			<li><a href="#contact">Contact</a></li>
		</ul>
		
		<select name="dropdpown" size="1" onChange="scrollTo(this.value)">
			<option value="" selected="selected">Menu</option>
			<option value="#intro">Top</option>
			<option value="#work">Work</option>
			<option value="#about">About</option> 
			<option value="#contact">Contact</option> 
		</select>
	</nav>
	
	
	<div id="work">
		<div class="container">
		
			<div class="sixteen columns">
				<h2><span class="lines">Work</span></h2>
			</div> <!-- end sixteen columns -->
			
			<div class="eight columns">
				<p>Currently they follow the following procedures.</p>
                <p>They first own a land, and then they will lay out a plan and design the model of the building and then apply for the approval of the building permit. Once they receive the permission for constructing a building from the government, they start up with the plan as designed and laid by them for constructing it.</p>
                <p>Once they are done with the construction of the building, they apply for the approval of the occupancy permit to the respective department of the government. Once the Occupancy permit is attained, they start advertising about the sale of the building (s) thus constructed, for whom they had received both the building permit and the occupancy permit.</p>
			</div> 
			
			<div class="eight columns">
				<p>The various procedures followed for advertising are done through news papers, hoardings, internet, etc. so that they can reach out to the customers, who might be interested in purchasing the same from the builder. The builder used to maintain the details of the sales done (i.e., the registrations happened, amount paid, etc.) in the form of documents and store them in files.</p>
                <p>They used to maintain separate racks for maintaining these documents and files. One for maintaining the records which received building permit, other for the ones which received occupancy permit, other for the one which is waiting for the approval of the building permit, other for the one which is waiting for the approval of the occupancy permit, and the other for maintaining the sold out ones, and the other for the ones that are to be sold, others for maintaining the records of the rejected building permit, and the others for the rejected occupancy permit.</p>
			</div>
			
			<div class="clear"></div>
			
			<div class="clear"></div>
			
			<div class="portfolio">
			
				<div class="one-third column">
					<a href="images/noaa-building.jpg" rel="prettyPhoto[gallery1]" title="Green NOAA Building Coming to M-Square"><img src="images/noaa-building.jpg" class="scale-with-grid" alt="" /></a>
					<p class="proj-title">Green NOAA Building Coming to M-Square</p>
					<p class="proj-desc">College Park isn’t just bursting with new residential development – M-Square (our explanation), the university’s office park, will welcome a 280,000 square foot building that will house the National Oceanic and Atmospheric Administration’s (NOAA) new </p>
				</div> <!-- end one-third column -->
			
				<div class="one-third column">
					<a href="images/olin1.jpg" rel="prettyPhoto[gallery1]" title="Franklin W. Olin Humanities Building"><img src="images/olin1.jpg" class="scale-with-grid" alt="" /></a>
					<p class="proj-title">Franklin W. Olin Humanities Building</p>
					<p class="proj-desc">The Franklin W. Olin Humanities Building, constructed with a grant from the F. W. Olin Foundation, is the main facility for anthropology, history, philosophy, religion, literature, creative writing, foreign languages, art history, and music history classes. The building contains a 370-seat auditorium for concerts, lectures, and conferences. It also includes small lecture rooms, seminar rooms, an art history room with projection equipment, a music history room with demonstration facilities, a poetry room with a library of poetry on tape, study and lounge areas, and an interior court and exterior terrace used for special receptions.</p>
				</div> <!-- end one-third column -->
			
				<div class="one-third column">
					<a href="images/Plaza-Building.jpg" rel="prettyPhoto[gallery1]" title="Plaza Building"><img src="images/Plaza-Building.jpg" class="scale-with-grid" alt="" /></a>
					<p class="proj-title">Plaza Building</p>
					<p class="proj-desc">The Campus Store is located in the lower level of the Plaza building, which was built in 2005. The Plaza has large classrooms and study areas on floors two, three and four, as well as offices and classrooms for Political Science and Economics. Its upper levels are the Jack and Nora Walker Canadian Centre for Lifespan Development Research. Plaza Building was designed by Brian MacKay-Lyons Architect Ltd. & Rounthwaite, Dick and Hadley Architects.</p>
				</div> <!-- end one-third column -->
				
				<div class="clear"></div>
				
				<div class="one-third column">
					<a href="images/rhynebuilding.jpg" rel="prettyPhoto[gallery1]" title="The Daniel Efird Rhyne Memorial Buildin"><img src="images/rhynebuilding.jpg" class="scale-with-grid" alt="" /></a>
					<p class="proj-title">The Daniel Efird Rhyne Memorial Building</p>
					<p class="proj-desc">The Daniel Efird Rhyne Memorial Building is the main classroom building at Lenoir-Rhyne. It is used for classes in English, Foreign Languages, History, Education, Business, Philosophy, and others</p>
				</div> <!-- end one-third column -->
			
				<div class="one-third column">
					<a href="images/bridport_view.jpg" rel="prettyPhoto[gallery1]" title="Stora Enso Building Solutions UK to influence the sustainable construction agenda "><img src="images/bridport_view.jpg" class="scale-with-grid" alt="" /></a>
					<p class="proj-title">Stora Enso Building Solutions UK to influence the sustainable construction agenda  </p>
					<p class="proj-desc">Stora Enso Building Solutions UK has joined the influential membership organisation, the UK Green Building Council (UK-GBC).  Part of an international group of more than 80 Green Building Councils, the UK-GBC is committed to raising the standards of sustainability in the built environment.</p>
				</div> <!-- end one-third column -->
			
				<div class="one-third column">
					<a href="images/mackerel_building.jpg" rel="prettyPhoto[gallery1]" title="The Mackerel Building"><img src="images/mackerel_building.jpg" class="scale-with-grid" alt="" /></a>
					<p class="proj-title">The Mackerel Building</p>
					<p class="proj-desc">The Mackerel Building is a superb ground floor apartment sleeping four, right on the harbour, beside 1 and 2 Mackerel Cottages.</p>
				</div> <!-- end one-third column -->
			
			</div> <!-- end portfolio -->
			
		</div> <!-- end container -->
	</div> <!-- work -->
	
	
	<div id="separator1">
		<div class="bg2"></div>
		<p class="separator">As one of the country's leading home builders,<br/> NTB understands how important it is to find the right home to suit you and your family.</p>
	</div>
	
	
	<div id="about">
		<div class="container">
		
			<div class="sixteen columns">
				<h2><span class="lines">About</span></h2>
			</div> <!-- end sixteen columns -->
			
			<div class="eight columns">
				<p>Our client, <strong>"National Territory Builders"</strong> (NTB) is one of the famous builders in the territory, who constructs the buildings for residential and the commercial purposes, and takes up the contracts for and supervising the constructions or repair or re-modeling of the houses or buildings or complexes or offices. </p>
			</div> 
			
			<div class="eight columns">
				<p>Once the buildings are constructed, they advertise about the buildings constructed, with the help of the hoardings, new papers, etc. so that they reach out for the customers, who might be interested in owning (purchasing) the same from the builder.</p>
			</div>
			
			<div class="clear"></div>
			
			<div class="team">
			
				<div class="sixteen columns">
					<h3><span class="lines">The Team</span></h3>
				</div> <!-- end sixteen columns -->
			
				<div class="one-third column">
					<img src="images/about-pic.png" alt="" />
					<p class="t-name">Bui Phuc Dat</p>
					<p class="t-type">Vice Team Leader</p>
                    <p class="t-type">B4890</p>
					<ul>
						<li><a href="#"><img src="images/icn-twitter.png" alt="" /></a></li>
						<li><a href="#"><img src="images/icn-facebook.png" alt="" /></a></li>
					</ul>
				</div> <!-- end one-third column -->
				
				<div class="one-third column">
					<img src="images/about-pic.png" alt="" />
					<p class="t-name">Nguyen Thinh Hung</p>
					<p class="t-type">Team Leader</p>
                    <p class="t-type">B4892</p>
					<ul>
						<li><a href="#"><img src="images/icn-twitter.png" alt="" /></a></li>
						<li><a href="#"><img src="images/icn-facebook.png" alt="" /></a></li>
					</ul>
				</div> <!-- end one-third column -->
				
				<div class="one-third column">
					<img src="images/about-pic.png" alt="" />
					<p class="t-name">Nguyen Manh Trung </p>
					<p class="t-type">Member</p>
                    <p class="t-type">B4618</p>
					<ul>
						<li><a href="#"><img src="images/icn-twitter.png" alt="" /></a></li>
						<li><a href="#"><img src="images/icn-facebook.png" alt="" /></a></li>
					</ul>
				</div> <!-- end one-third column -->


                <div class="eight columns">
                    <img src="images/about-pic.png" alt="" />
                    <p class="t-name">Nguyen Anh Tuan  </p>
                    <p class="t-type">Member</p>
                    <p class="t-type">B3787</p>
                    <ul>
                        <li><a href="#"><img src="images/icn-twitter.png" alt="" /></a></li>
                        <li><a href="#"><img src="images/icn-facebook.png" alt="" /></a></li>
                    </ul>
                </div> <!-- end one-third column -->

                <div class="eight columns">
                    <img src="images/about-pic.png" alt="" />
                    <p class="t-name">Nguyen Trung Hieu </p>
                    <p class="t-type">Member</p>
                    <p class="t-type">B4740</p>
                    <ul>
                        <li><a href="#"><img src="images/icn-twitter.png" alt="" /></a></li>
                        <li><a href="#"><img src="images/icn-facebook.png" alt="" /></a></li>
                    </ul>
                </div> <!-- end one-third column -->

            </div> <!-- end team -->

		</div> <!-- end container -->
	</div> <!-- end about -->
	
	
	<div id="separator2">
		<div class="bg3"></div>
		<p class="separator">As one of the country's leading home builders,<br/> NTB understands how important it is to find the right home to suit you and your family.</p>
	</div>
	
	
	<div id="contact">
		<div class="container">
		
			<div class="sixteen columns">
				<h2 class="white"><span class="lines">Contact</span></h2>
			</div> <!-- end sixteen columns -->
			
			<div class="sixteen columns" style="text-align: center;">
				<p class="white">As one of the country's leading home builders, NTB understands how important it is to find the right home to suit you and your family.</p>
                <p class="white">Please contact us today.</p>
			</div>
			
			<div class="clear"></div>
			
			<div class="eight columns">
				<div class="contact-form">
					
					<div class="done">
						<b>Thank you!</b> I have received your message. 
					</div>
				
					<form class="form" method="post" action="process.php">
                        <div class="loading" style="display: none;"><img src="prettyPhoto/dark_square/loader.gif" alt="loading"/> </div>

                        <p>name</p>
                        <input type="text" name="name" class="text" />

						<p>email</p>
						<input type="text" name="email" class="text" id="email" />

						<p>message</p>
						<textarea name="comment" class="text"></textarea>

						<input type="submit" id="submit" value="send" class="submit-button" />
					</form>
						
				</div> <!-- end contact-form -->
			</div> <!-- end eight columns -->
			
			<div class="eight columns">
				
				<div class="contact-info">
					
					<h5>Contact Info</h5>
				
					<p class="white"><img src="images/icn-phone.png" alt="" /> +84 167 454 8682</p>
					<p class="white"><img src="images/icn-email.png" alt="" /> homthudidong@gmail.com</p>
					<p class="white"><img src="images/icn-address.png" alt="" /> 250 Hoang Quoc Viet. <br />
						Cau Giay, Ha Noi, Vietnam</p>
				</div> <!-- end contact-info -->
				
				<div class="social">
					<ul>
						<li><a href="#"><img src="images/icn-twitter2.png" alt="" /></a></li>
						<li><a href="#"><img src="images/icn-facebook2.png" alt="" /></a></li>
						<li><a href="#"><img src="images/icn-gplus.png" alt="" /></a></li>
						<li><a href="#"><img src="images/icn-linkedin.png" alt="" /></a></li>
						<li><a href="#"><img src="images/icn-forrst.png" alt="" /></a></li>
						<li><a href="#"><img src="images/icn-skype.png" alt="" /></a></li>
						<li><a href="#"><img src="images/icn-dribbble.png" alt="" /></a></li>
						<li><a href="#"><img src="images/icn-pinterest.png" alt="" /></a></li>
						<li><a href="#"><img src="images/icn-vimeo.png" alt="" /></a></li>
					</ul>
				</div> <!-- end social -->
				
			</div> <!-- end eight columns -->
			
			<div class="clear"></div>
			
			<div class="sixteen columns">
				<div class="copyright">
					<p>&copy; 2012 All Rights Reserved</p>
				</div>
			</div>
			
			
		</div> <!-- end container -->
		
	</div> <!-- end contact -->
	

	


	<!-- JS
	================================================== -->
	<script src="javascripts/jquery-1.7.2.min.js"></script>
	<script src="javascripts/jquery.sticky.js" type="text/javascript"></script>
	<script src="javascripts/nbw-parallax.js" type="text/javascript"></script>
	<script src="javascripts/jquery.inview.js" type="text/javascript"></script>
	<script src="javascripts/smooth-scroll.js" type="text/javascript"></script>
	<script src="javascripts/jquery.prettyPhoto.js" type="text/javascript"></script>
	<script src="contact-form.js"></script>
	
	<!-- Sticky nav -->
	<script>
		$(document).ready(function(){
			$("nav").sticky({topSpacing:0});
		});
	</script>
	
	
	<!-- dropdown menu -->
	<script type="text/javascript">
    	function scrollTo(target){
        	var targetPosition = $(target).offset().top;
        	$('html,body').animate({ scrollTop: targetPosition}, 'slow');
        }
    </script>
	
	<script type="text/javascript" charset="utf-8">
		$(document).ready(function(){
			$("a[rel^='prettyPhoto']").prettyPhoto({
				social_tools: false,
				theme: 'light_square'
			});
		});
	</script>


<!-- End Document
================================================== -->
</body>
</html>
